@charset "utf-8";
.container {width: 100%;height: auto;overflow: hidden;}
.title{width: 100%;position: relative;z-index: 0;margin-bottom: 30px;}
.title h2{font-size: 24px;color: #171717;display: inline;background: #fff;padding-right: 13px;position: relative;z-index: 1;}
.title span{width: 100%;height: 1px;display: block;border-bottom: 1px solid #ededed;position: absolute;bottom: 10px;left: 0;z-index: 0;}

/*banner*/
.container .banner{height: 532px; position: relative; width: 100%;z-index: 0;}
.container .banner .bd a{display: block; height: 532px; width: 100%;}
.container .banner .hd{bottom: 20px; left: 50%; margin-left: -67px; position: absolute; z-index: 1;}
.container .banner .hd li{background-color: #333; cursor: pointer; float: left; height: 12px; margin: 0 5px; opacity: 0.7;filter:alpha(opacity=70); width: 35px;}
.container .banner .hd li.on{background-color: #eee;}
.banner .tab{background-color: #000; display: inline-block; height: 100px; line-height: 100px; margin-top: -50px; opacity: 0.3;filter:alpha(opacity=30); position: absolute; text-align: center; top: 50%; transition: all 0.4s linear 0s; width: 50px; z-index: 1;}
.banner a.tab:hover{opacity: 0.5;filter:alpha(opacity=50);}
.banner .tab i{color: #fff; font-size: 55px; line-height: 100px; margin-left: -2px; vertical-align: -2px;}
.banner .prev{margin-left: -5px;}
.banner .next{right: 0;}

/*business*/
.business{width: 1108px;height:140px;padding:14px 14px 0px 14px;position: relative;top:-84px;background-color: #fff;}
.business .bd{width: 1108px;height: 140px;overflow: hidden;}
.business ul li{float: left;width: 212px;height:140px;margin-right:12px;position: relative;}
.business ul li a{display:block;width:100%;height:100%;}
.business ul li p{width:212px;height:140px;font-size: 18px;line-height:140px;text-align:center;color:#fff;position: absolute;top:0px;left:0px;transition: all .2s linear;}
.business ul li span{display:inline-block;width:212px;height:140px;position: absolute;top:0px;left:0px;background-color:#262626;opacity: .6;filter:alpha(opacity=60);transition: all 0.2s linear;}
.business ul li:hover p{opacity:0;filter:alpha(opacity=0);}
.business ul li:hover span{opacity:0;filter:alpha(opacity=0);}
.business .tab{background-color: #000; display: inline-block; height: 50px; line-height: 50px; margin-top: -20px; opacity: 0.3;filter:alpha(opacity=30); position: absolute; text-align: center; top: 50%; transition: all 0.4s linear 0s; width: 30px; z-index: 1;}
.business .tab i{color: #fff; font-size: 25px; line-height: 50px; margin-left: -2px; vertical-align: -2px;}
.business .prev{margin-left: 0px;}
.business .next{right: 14px;}

/*news*/
.news{height: auto;overflow: hidden;position: relative;top: -30px;z-index: 0;}
.news .news_l{width: 639px;height: auto;overflow: hidden;}
.news .news_l li{width: 300px;float: left;margin-left: 39px;}
.news .news_l li:first-child{margin: 0;}
.news .news_l li .img-box{width: 300px;height: 173px;overflow: hidden;}
.news .news_l li .img-box img{width: 300px;height: 200px;transition: all .2s linear;}
.news .news_l li .text-box h2{font-size: 15px;font-weight: bold;color: #171717;margin: 18px 0 8px;line-height: 20px;max-height: 20px;overflow: hidden;transition: all .3s linear;}
.news .news_l li .text-box p{color: #5e5e5e;font-size: 13px;line-height: 22px;max-height: 66px;overflow: hidden;}
.news .news_l li:hover .img-box img{transform:scale(1.04)}
.news .news_l li:hover .text-box h2{color:#e03e25;}

.news .news_r{width: 430px;height: auto;overflow: hidden;}
.news .news_r li{height:90px;width: 430;margin-bottom:15px;float: left;}
.news .news_r li .date{background:url(../images/date-bg.jpg) center no-repeat;color:#5e5e5e;width: 88px;height:90px;float: left;}
.news .news_r li .date .day{display: block;font-size: 34px;margin: 5px 0 0 10px;}
.news .news_r li .date .mouth{display: block;font-size: 15px;margin-left: 47px;}
.news .news_r li .text-box{height: 80px;padding:10px 20px 0 20px;float: left;width: 302px;}
.news .news_r li .text-box a{display: block;height: 100%;width: 100%;}
.news .news_r li .text-box h4{font-size: 15px;font-weight: bold;color: #171717;line-height: 20px;max-height: 20px;overflow: hidden;margin-bottom: 8px;transition: all .2s linear}
.news .news_r li .text-box p{font-size: 13px;color: #5e5e5e;line-height: 22px;max-height: 44px;overflow: hidden;}
.news .news_r li a:hover .date{background:url(../images/date-bg-active.jpg) center no-repeat;color: #fff;}
.news .news_r li a:hover .text-box{background: #f2f2f2;}
.news .news_r li a:hover h4{color: #e03e25;}

/*about*/
.about{width: 100%;height: auto;overflow: hidden;background: #f1f1f1;}
.about .about-con{height: auto;overflow: hidden;margin: 65px auto;}
.about .about-con h2 a{font-size: 26px;line-height: 30px;max-height:30px;overflow: hidden;color:#171717;display: block;}
.about .about-con h2{font-size: 26px;line-height: 30px;color:#fff;padding: 35px 40px 25px;}
.about .about-con p{color: #fff;line-height: 22px;}

.about .about-con-l{width: 640px;height: auto;overflow: hidden;background: #fff;}
.about .about-con-l .know{width: 640px;height: 209px;overflow: hidden;background: url(../images/know-bg.jpg) center no-repeat;}
.about .about-con-l .know ul{width: 100%;height: auto;overflow: hidden;margin:10px 40px 0;}
.about .about-con-l .know ul li{float: left;width: 49%;margin-bottom: 23px;}
.about .about-con-l .know li a{font-size: 15px;line-height: 20px;color:#171717;transition:all .2s linear; }
.about .about-con-l .know li a:hover{color:#e03e25;}
.about .about-con-l .know li a i{display:inline-block;height:17px;width:18px;text-align:center;padding-top:1px;margin-right:6px;font-size: 15px;line-height: 18px;color:#919191;border: 1px solid #919191;transition:all .2s linear;}
.about .about-con-l .know li a:hover i{color:#e03e25;border: 1px solid #e03e25;}
.about .about-con-l .future{width:356px;height:216px;color:#fff;float:left;background: url("../images/future.jpg") center no-repeat;display: block;}
.about .about-con-l .future h3{color:#fff;}
.about .about-con-l .technology{width: 284px;height: 216px;background: #e03e25;transition:all .2s linear; }
.about .about-con-l .technology p{padding: 0 40px;max-height: 88px;overflow: hidden;}
.about .about-con-l .technology:hover {background: #ed5841;}

.about .about-con-r{width: 480px;height: auto;overflow: hidden;}
.about .about-con-r .responsibility{width: 480px;height: 209px;display: block;background: url(../images/responsibility-bg.jpg) center no-repeat;}
.about .about-con-r .responsibility h2{color: #171717;}
.about .about-con-r .responsibility p{color: #8a8575;padding-left: 40px;}
.about .about-con-r .responsibility-news{width: 480px;height: 216px;background: #fff;position: relative;z-index: 0;}
.about .about-con-r .responsibility-news a{width: 100%;height: 100%;display: block;}
.about .about-con-r .responsibility-news h2{color: #171717;font-size: 15px;font-weight: bold;transition:all .2s linear;}
.about .about-con-r .responsibility-news p{color: #5e5e5e;padding:0 40px;line-height: 22px;max-height: 88px;overflow: hidden;}
.about .about-con-r .responsibility-news .btn-more{width: 36px;height: 36px;background: #e03e25;text-align: center;line-height: 36px;color: #fff;position: absolute;right: 0;bottom: 0;transition:all .2s linear;}
.about .about-con-r .responsibility-news .btn-more i{font-size: 22px}
.about .about-con-r .responsibility-news a:hover h2{color: #e03e25}
.about .about-con-r .responsibility-news a:hover .btn-more{background: #ed4d34;}